.mixin-rp-caption{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px;letter-spacing:.25px}
.mixin-rp-caption-1{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:16px}
.mixin-rp-caption-01-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:16px}
.mixin-rp-caption-01-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:16px}
.mixin-rp-caption-01{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:16px}
@media(min-width:1024px){.mixin-rp-caption-01{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:16px}
}
.mixin-rp-caption-02-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
@media(min-width:1024px){.mixin-rp-caption-02{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
}
.mixin-rp-caption-1-bold{font-family:"Roboto-Bold";font-weight:700;font-size:14px;line-height:16px}
.mixin-rp-body-1-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-1-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-1{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
@media(min-width:1024px){.mixin-rp-body-1{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
}
.mixin-rp-body-2-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-body-2-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-body-2{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
@media(min-width:1024px){.mixin-rp-body-2{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
}
.mixin-rp-highlighted-body-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
.mixin-rp-highlighted-body-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
}
.mixin-rp-title-1-mobile{font-family:"Roboto-Medium";font-weight:500;font-size:18px;line-height:24px}
.mixin-rp-title-1-desktop{font-family:"Roboto-Medium";font-weight:500;font-size:20px;line-height:32px}
.mixin-rp-title-1{font-family:"Roboto-Medium";font-weight:500;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-title-1{font-family:"Roboto-Medium";font-weight:500;font-size:20px;line-height:32px}
}
.mixin-rp-title-2-mobile{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
.mixin-rp-title-2-desktop{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
.mixin-rp-title-2{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
@media(min-width:1024px){.mixin-rp-title-2{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
}
.mixin-rp-subheadline-mobile{font-family:"Roboto-Medium";font-weight:500;font-size:22px;line-height:32px}
.mixin-rp-subheadline-desktop{font-family:"Roboto-Medium";font-weight:500;font-size:24px;line-height:32px}
.mixin-rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:22px;line-height:32px}
@media(min-width:1024px){.mixin-rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:24px;line-height:32px}
}
.mixin-rp-headline-mobile{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
.mixin-rp-headline-desktop{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
.mixin-rp-headline{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
}
.mixin-rp-headline-00-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:46px;letter-spacing:-1px}
.mixin-rp-headline-00-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:64px;line-height:72px;letter-spacing:-1px}
.mixin-rp-headline-00{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:46px;letter-spacing:-1px}
@media(min-width:720px){.mixin-rp-headline-00{font-family:'Repsol-Regular';font-weight:400;font-size:64px;line-height:72px;letter-spacing:-1px}
}
.mixin-rp-headline-01-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:34px;line-height:40px}
.mixin-rp-headline-01-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:64px}
.mixin-rp-headline-01{font-family:'Repsol-Regular';font-weight:400;font-size:34px;line-height:40px}
@media(min-width:1024px){.mixin-rp-headline-01{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:64px}
}
.mixin-rp-headline-02-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px}
.mixin-rp-headline-02-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:48px}
.mixin-rp-headline-02{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px}
@media(min-width:1024px){.mixin-rp-headline-02{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:48px}
}
.mixin-rp-headline-03-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:24px;line-height:32px}
.mixin-rp-headline-03-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px}
.mixin-rp-headline-03{font-family:'Repsol-Regular';font-weight:400;font-size:24px;line-height:32px}
@media(min-width:1024px){.mixin-rp-headline-03{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px}
}
.mixin-rp-headline-bold-01-mobile{font-family:'Repsol-Regular';font-weight:600;font-size:34px;line-height:40px}
.mixin-rp-headline-bold-01-desktop{font-family:'Repsol-Regular';font-weight:600;font-size:56px;line-height:64px}
.mixin-rp-headline-bold-01{font-family:'Repsol-Regular';font-weight:600;font-size:34px;line-height:40px}
@media(min-width:1024px){.mixin-rp-headline-bold-01{font-family:'Repsol-Regular';font-weight:600;font-size:56px;line-height:64px}
}
.mixin-rp-headline-bold-02-mobile{font-family:'Repsol-Regular';font-weight:600;font-size:28px;line-height:32px}
.mixin-rp-headline-bold-02-desktop{font-family:'Repsol-Regular';font-weight:600;font-size:40px;line-height:48px}
.mixin-rp-headline-bold-02{font-family:'Repsol-Regular';font-weight:600;font-size:28px;line-height:32px}
@media(min-width:1024px){.mixin-rp-headline-bold-02{font-family:'Repsol-Regular';font-weight:600;font-size:40px;line-height:48px}
}
.mixin-rp-number-01-mobile{font-family:"Roboto-Regular";font-weight:300;font-size:48px;line-height:56px}
.mixin-rp-number-01-desktop{font-family:"Roboto-Regular";font-weight:300;font-size:48px;line-height:56px}
.mixin-rp-number-01{font-family:"Roboto-Regular";font-weight:300;font-size:48px;line-height:56px}
@media(min-width:1024px){.mixin-rp-number-01{font-family:"Roboto-Regular";font-weight:300;font-size:48px;line-height:56px}
}
.mixin-rp-number-02-mobile{font-family:"Roboto-Regular";font-weight:300;font-size:40px;line-height:48px}
.mixin-rp-number-02-desktop{font-family:"Roboto-Regular";font-weight:300;font-size:40px;line-height:48px}
.mixin-rp-number-02{font-family:"Roboto-Regular";font-weight:300;font-size:40px;line-height:48px}
@media(min-width:1024px){.mixin-rp-number-02{font-family:"Roboto-Regular";font-weight:300;font-size:40px;line-height:48px}
}
.mixin-rp-number-03-mobile{font-family:"Roboto-Regular";font-weight:300;font-size:28px;line-height:36px}
.mixin-rp-number-03-desktop{font-family:"Roboto-Regular";font-weight:300;font-size:28px;line-height:36px}
.mixin-rp-number-03{font-family:"Roboto-Regular";font-weight:300;font-size:28px;line-height:36px}
@media(min-width:1024px){.mixin-rp-number-03{font-family:"Roboto-Regular";font-weight:300;font-size:28px;line-height:36px}
}
.mixin-rp-number-04-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-number-04-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-number-04{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
@media(min-width:1024px){.mixin-rp-number-04{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
}
.mixin-rp-body-1-underline-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-1-underline-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-1-underline{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
@media(min-width:1024px){.mixin-rp-body-1-underline{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
}
.mixin-rp-body-2-underline-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-2-underline-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-2-underline{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
@media(min-width:1024px){.mixin-rp-body-2-underline{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
}
.mixin-rp-button-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:32px}
.mixin-rp-button-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-button{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:32px}
@media(min-width:1024px){.mixin-rp-button{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
}
.mixin-rp-button-small-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-button-small-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-button-small{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
@media(min-width:1024px){.mixin-rp-button-small{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
}
.mixin-button-small{font-size:14px;letter-spacing:.0025em}
.mixin-button-action{font-family:"Roboto-Regular";font-size:16px;line-height:24px}
.mixin-header-separator{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:#ddd}
.mixin-scrollbars::-webkit-scrollbar{width:6px;cursor:pointer}
.mixin-scrollbars::-webkit-scrollbar-track{background:transparent}
.mixin-scrollbars::-webkit-scrollbar-thumb{background:#ddd;border-radius:8px}
.mixin-scrollbars::-webkit-scrollbar-thumb:hover{background:#ddd}
.item-active{transition:.2s cubic-bezier(0.43,0.39,0.23,1.01);background:#0082ba}
.item-active .icon{width:px2rem(22)}
.item-active .icon>svg *{fill:#fff;stroke:#fff}
.mixin-scroll-gradients.is-scrollable{position:relative}
.mixin-scroll-gradients.is-scrollable:before,.mixin-scroll-gradients.is-scrollable:after{content:"";position:absolute;z-index:1;left:0;opacity:0;width:100%;height:48px;pointer-events:none}
.mixin-scroll-gradients.is-scrollable:before{top:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable:after{bottom:0;background:linear-gradient(0,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scroll-on-top:before,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before,.mixin-scroll-gradients.is-scrollable.scrolling:after,.mixin-scroll-gradients.is-scrollable.scroll-on-top:after,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{transition:opacity .2s cubic-bezier(0.25,0.1,0.25,1)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scrolling:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:before{opacity:0}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{opacity:0}
.mixin-aspect-radio-16-9{aspect-ratio:16/9}
@supports not(aspect-ratio:auto){padding-top:56.3%}
.mixin-aspect-radio-4-3{aspect-ratio:4/3}
@supports not(aspect-ratio:auto){padding-top:75%}
.product__card{min-height:273px;height:fit-content;display:flex;flex-direction:column;justify-content:space-between;grid-column:span 1;position:relative;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px -16px rgba(0,0,0,0.08)}
@media(min-width:1024px){.product__card{height:100%;min-height:370px;justify-content:space-between}
}
.product__card:hover{box-shadow:0 6px 32px -10px rgba(0,0,0,0.2)}
.product__card:hover .product-card__title{color:#016a7f}
@media(max-width:720px){.product__card:hover .product-card__title{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
}
.product__card:hover .button .rp-btn{background-color:#00404d}
@media(max-width:720px){.product__card .product-card__title{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
}
.product__card .product-card__image-container{position:relative}
.product__card .product-card__image{align-self:center;width:auto;height:109px}
@media(min-width:1024px){.product__card .product-card__image{height:162px}
}
.product__card .product-card__image>img{object-fit:contain;max-height:100%}
.product__card .product-card__data-container{padding:0 16px 16px 16px;height:calc(100% - 188px)}
@media(min-width:1024px){.product__card .product-card__data-container{padding:16px 24px 24px;height:calc(100% - 162px)}
}
.product__card .product-card__data-info{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}
.product__card .product-card__data-info .rp-btn{height:40px}
.product__card .product-card__title{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(min-width:1024px){.product__card .product-card__title{margin-bottom:8px}
}
.product__card .product-card__price-container{min-height:48px;margin-top:auto;margin-bottom:8px;display:flex;flex-direction:column;align-items:baseline;justify-content:flex-end}
@media(min-width:1024px){.product__card .product-card__price-container{margin-bottom:12px;flex-direction:row}
}
@media(max-width:720px){.product__card .product-card__price{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
}
.product__card .product-card__price-secondary{margin-right:8px;color:#aaa;font-size:12px;line-height:16px;text-decoration-line:line-through}
@media(min-width:1024px){.product__card .product-card__price-secondary{font-size:18px;line-height:26px}
}
.product__card .product-card__discount-tag{position:absolute;bottom:8px;left:8px;padding:4px;color:#fff;background-color:transparent;border-radius:4px}
@media(min-width:1024px){.product__card .product-card__discount-tag{left:16px}
}
.product__card .product-card__discount-tag.display{background-color:#e4002b}
.product__card .product-card__discount-tag .discount-text{display:block}
@media(max-width:720px){.product__card .product-card__discount-tag .discount-text{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
}
.product__card .button .rp-btn{min-width:auto;width:100%}
.product__card .becobar-card{position:absolute;top:8px;left:8px;z-index:1}
@media(min-width:1024px){.product__card .becobar-card{top:16px;left:16px}
}
@media(max-width:720px){.product__card .becobar-card .becobar-content.becobar--s .rp-description p{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
}
.product-card--horizontal .product__card{min-height:auto;flex-direction:row;justify-content:flex-start;overflow:hidden}
.product-card--horizontal .product__card .product-card__image{height:148px;width:110.06px;position:relative}
.product-card--horizontal .product__card .product-card__image img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}
.product-card--horizontal .product__card .product-card__data-container{padding:16px;height:auto;width:calc(100% - 110.06px);justify-content:center}
.product-card--horizontal .product__card .product-card__title{font-size:16px;line-height:24px}
.product-card--horizontal .product__card .product-card__price-container{margin:0}
.product-card--horizontal .product__card .product-card__price{font-family:'Roboto-Light';font-size:20px;line-height:36px}
.product-card--horizontal .product__card .product-card__price-secondary{margin-left:8px;order:1;font-size:14px;line-height:26px}
.product-card--horizontal .product__card .button-repsol{display:none}